/* 字体 */

@font-face {
	font-family: 'Museo500';
	src: url('../font/museo_slab_500-webfont.eot');
	src: url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/museo_slab_500-webfont.woff') format('woff'),
		 url('../font/museo_slab_500-webfont.ttf') format('truetype'),
		 url('../font/museo_slab_500-webfont.svg#museo_slab_500regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo900';
	src: url('../font/museo_slab_900-webfont.eot');
	src: url('../font/museo_slab_900-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/museo_slab_900-webfont.woff') format('woff'),
		 url('../font/museo_slab_900-webfont.ttf') format('truetype'),
		 url('../font/museo_slab_900-webfont.svg#museo_slab_900regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 文本框 */

input[type=text] {
	background-color: #F6F6F6;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	color: #333;
	font-size: 18px;
	height: 36px;
		line-height: 36px;
	padding: 0 10px;
}

input[type=text].default {
	color: #AEAEAE;
	font-style: italic;
}

/* 按钮 */

input[type=button], input[type=submit] {
	color: #F6F6F6;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* 绿色 */

input[type=button].green, input[type=submit].green {
	background: #96BC42;
		background: -moz-linear-gradient(top, #A3C84F, #8AB036);
		background: -webkit-linear-gradient(top, #A3C84F, #8AB036);
		background: -ms-linear-gradient(top, #A3C84F, #8AB036);
		background: -o-linear-gradient(top, #A3C84F, #8AB036);
		background: linear-gradient(top, #A3C84F, #8AB036);
	border: 1px solid #536F15;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* 红色 */

input[type=button].red, input[type=submit].red {
	background: #D04D38;
		background: -moz-linear-gradient(top, #DE5B45, #C5422D);
		background: -webkit-linear-gradient(top, #DE5B45, #C5422D);
		background: -ms-linear-gradient(top, #DE5B45, #C5422D);
		background: -o-linear-gradient(top, #DE5B45, #C5422D);
		background: linear-gradient(top, #DE5B45, #C5422D);
	border: 1px solid #8e2615;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* 蓝色 */

input[type=button].blue, input[type=submit].blue {
	background: #3F8DE5;
		background: -moz-linear-gradient(top, #4C9AF1, #3381D8);
		background: -webkit-linear-gradient(top, #4C9AF1, #3381D8);
		background: -ms-linear-gradient(top, #4C9AF1, #3381D8);
		background: -o-linear-gradient(top, #4C9AF1, #3381D8);
		background: linear-gradient(top, #4C9AF1, #3381D8);
	border: 1px solid #195496;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* 灰色 */

input[type=button].grey, input[type=submit].grey {
	background: #F6F6F6;
		background: -moz-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -webkit-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -ms-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -o-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: linear-gradient(top, #F6F6F6, #CCCCCC);
	border: 1px solid #999999;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #666666;
}

/* 大按钮 */

input[type=button].big, input[type=submit].big {
	border-radius: 7px;
	font: 20px Museo900, Verdana, sans-serif;
	height: 36px;
		line-height: 36px;
	padding: 0 20px;
	text-transform: uppercase;
}

/* 小按钮 */

input[type=button].small, input[type=submit].small {
	border-radius: 7px;
	font-size: 13px;
	height: 25px;
		line-height: 25px;
	text-transform: capitalize;
	width: 60px;
}

/* Checkbox */

label.checkbox {
	background: url(../image/checkbox.png) top no-repeat;
	cursor: pointer;
	height: 18px;
	width: 18px;
}

label.checkbox.checked {
	background-position: bottom;
}

label.checkbox input[type=checkbox] {
	display: none;
}

/* Radio */

ul.radio {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

ul.radio li {
	display: inline-block;
}

label.radio {
	background: #F6F6F6;
		background: -moz-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -webkit-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -ms-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: -o-linear-gradient(top, #F6F6F6, #CCCCCC);
		background: linear-gradient(top, #F6F6F6, #CCCCCC);
	border: 1px solid #999999;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #666666;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 24px;
		line-height: 24px;
	padding: 0 7px;
	position: relative;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	text-transform: capitalize;
}

ul.radio li:first-child label.radio {
	border-left-width: 1px;
}

label.radio.checked {
	background: #96BC42;
		background: -moz-linear-gradient(top, #8AB036, #97BD43);
		background: -webkit-linear-gradient(top, #8AB036, #97BD43);
		background: -ms-linear-gradient(top, #8AB036, #97BD43);
		background: -o-linear-gradient(top, #8AB036, #97BD43);
		background: linear-gradient(top, #8AB036, #97BD43);
	border: 1px solid #536F15;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #F6F6F6;
	z-index: 1;
}

label.radio input[type=radio] {
	display: none;
}

/* 弹出框 */

div.alert-wrapper {
	background: url(../image/bgalertwrapper.png);
	display: none;
	height: 100%;
	margin: 0;
	position: fixed;
		left: 0;
		top: 0;
	padding: 0;
	width: 100%;
}

div.alert {
	background: #F6F6F6;
	border-radius: 10px;
	box-shadow: 0 0 15px #000;
	line-height: 2.4;
	padding: 50px 30px 30px 30px;
	position: fixed;
	width: 440px;
}

/* 窗口“标题栏” */

div.alert div.title-bar {
	background: #96BC42;
		background: -moz-linear-gradient(top, #A3C84F, #8AB036);
		background: -webkit-linear-gradient(top, #A3C84F, #8AB036);
		background: -ms-linear-gradient(top, #A3C84F, #8AB036);
		background: -o-linear-gradient(top, #A3C84F, #8AB036);
		background: linear-gradient(top, #A3C84F, #8AB036);
	border: 1px solid #536F15;
	border-radius: 10px 10px 0 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
	height: 35px;
	position: absolute;
		left: -1px;
		top: 0;
	width: 500px;
}

/* 关闭按钮 */

div.alert div.close {
	background: #96BC42;
		background: -moz-linear-gradient(top, #A3C84F, #8AB036);
		background: -webkit-linear-gradient(top, #A3C84F, #8AB036);
		background: -ms-linear-gradient(top, #A3C84F, #8AB036);
		background: -o-linear-gradient(top, #A3C84F, #8AB036);
		background: linear-gradient(top, #A3C84F, #8AB036);
	border: 1px solid #536F15;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0px 1px rgba(0, 0, 0, 0.1);
	color: #F6F6F6;
	cursor: pointer;
	height: 20px;
		line-height: 20px;
	position: absolute;
		right: 12px;
		top: 7px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	width: 20px;
}

/* 错误提示消息 */

div.error-message {
	background-color: #FF9F80;
	border: 1px solid #DE6D5B;
	display: none;
	padding: 0 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* 成功提示消息 */

div.success-message {
	background-color: #B1CF63;
	border: 1px solid #536F15;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
	display: none;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	position: fixed;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}